<template>
	<view class="box">
		<view class="header">
			<view class="iconfont icon-fanhui"  @click="fanhui">返回</view>
			<view class="">查看</view>
			<view class=""> </view>
		</view>
	</view>
	<view class="dabox">
		<text>异议申请信息</text>
		<view class="shuzishurukuang">
			<view class="wenzibu">
				<view class="">申请月份</view>
			</view>
			<view class="weui-cells weui-cells_after-title">
				<view class="weui-cell weui-cell_input">
					<input class="weui-input"  type="text"  v-model="yue"   />
				</view>
		 </view>
		</view>
		<view class="shenpiA">
			<view class="shenpi">申请理由</view>
			<view class="weui-cells weui-cells_after-title">
				<view class="weui-cell weui-cell_input">
					<view class="weui-cell__bd" style="margin: 30rpx 0">
						<input class="qingsr"  type="text"  v-model="liyou"   />
					</view>
				</view>
			</view>
		</view>
		<text class="shancghuan">附件</text>
		<view class="tupian">
			<image src="" mode="">a</image>
		</view>
	</view>
	<view class="clxinxi">
		<text>处理信息</text>
	</view>
	<view class="shuzishurukuang">
		<view class="wenzibu">
			<view class="">处理时间</view>
		</view>
		<view class="weui-cells weui-cells_after-title">
			<view class="weui-cell weui-cell_input">
				<input class="weui-input"     v-model="chulitime"     />
			</view>
		</view>
	</view>
	<view class="shenpiA">
		<view class="shenpi">处理结果</view>
		<view class="weui-cells weui-cells_after-title">
			<view class="weui-cell weui-cell_input">
				<view class="weui-cell__bd" style="margin: 30rpx 0">
					<input class="qingsr" name="input"  v-model="chulijieguo" />
				</view>
			</view>
		</view>
	</view>
	<text class="shancghuan">附件</text>
	<view class="tupian">
		<image src="" mode="">a</image>
	</view>

</template>

<script>
	import {
			ref,
			computed,
			reactive,
			toRefs,
			onMounted,
			
		} from 'vue'
	import http from '../../../utils/http.js'
		export default {
			setup() {
				let data = reactive({
					yue:'',
					liyou:'',
					fujain1:'',
					chulijieguo:'',
					chulitime:'',
					fujain2:'',
					fanhuia() {
						uni.navigateBack({
							delta: 1
						})
					},
		
				});
				onMounted(() => {
			             	http({
								url: "/miniwatermeter/getyiyiid",
								method: "post",
									data:{
									id:uni.getStorageSync('xiugai')
									}			
							}).then((res) => {
					
						data.yue=res.data.data[0].sq_yue;
						data.liyou=res.data.data[0].sq_liyou;
						data.chulijieguo=res.data.data[0].sq_chulijieguo;
						data.chulitime=res.data.data[0].sq_chulitime;
								
								
							 })
				})
				return {
					...toRefs(data)
				};
				
				
				
			},
			onLoad() {
		
			},
			
		}
</script>

<style lang="scss">
	@import url("~@/static/xzafont/font/iconfont.css");

	.header .icon-fanhui {
		font-size: 35rpx;
	}

	.box {
		font-size: 35rpx;
	}

	.header {
		display: flex;
		justify-content: space-between;
		/* background-color: #FFFFFF; */
		line-height: 90rpx;
		margin: 0 30rpx;
		border-bottom: 1rpx solid #F8F8F8;
	}

	.shenpiA {
		margin-top: 20rpx;
	}

	.shenpi {
		font-size: 40rpx;
		margin-left: 60rpx;
	}

	.qingsr {
		font-size: 35rpx;
		width: 655rpx;
		height: 200rpx;
		margin: 0 30rpx;
		padding-left: 30rpx;
		border-radius: 20rpx;
		border: 1rpx solid #E4E4E4;
	}

	.shuzishurukuang {
		font-size: 35rpx;
		display: flex;
		margin: 20rpx 20rpx;
		align-content: stretch;
		border: 1rpx solid #E4E4E4;
	}

	.wenzibu {
		font-size: 35rpx;
		display: flex;
		width: 180rpx;
		height: 90rpx;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 10rpx 20rpx;
	}

	.weui-cells {
		display: flex;
		align-items: center;
	}

	.shancghuan {
		color: #E4E4E4;
		margin-left: 20rpx;
	}

	.tupian {
		display: flex;
	}

	.tupian image {
		width: 200rpx;
		height: 200rpx;
		margin: 20rpx 20rpx;
		border: 1rpx solid #E4E4E4;
	}

	.dabox {
		font-size: 35rpx;
		margin: 15rpx 0;
	}

	.dabox text:first-child {
		margin-left: 60rpx;
	}

	.clxinxi {
		font-size: 40rpx;
		margin: 20rpx 0;
		padding: 10rpx 60rpx;
		border-top: 1rpx solid #E4E4E4;
	}

</style>
